
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<style type="text/css">
html{height:100%}
body{height:100%;margin:0px;padding:0px}
#map_canvas{width:100%;height:100%}
.myMenu {position:absolute;display:none;box-shadow: 2px 2px 1px #888888;z-index:12}
.myMenu ul{
    list-style-type: none;
    padding: 1px; 
    margin: 0px;      
    background-color: #fff;
    border: 1px solid #999;
    width: 100px;
}
.myMenu ul li{
    margin: 0px;
    color: #000;
    display: block;
    cursor: default;
    padding: 3px;
    border: 1px solid #fff;
    background-color: transparent
}
.myMenu li:hover{
    border: 1px solid #0a246a;
    background-color: #b6bdd2;
}
.shopimage img{
    max-width: 150px;
}
</style>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<title>音速风暴售后地图</title>
<script charset="utf-8" src="http://map.qq.com/api/js?v=2.exp&key=767BZ-GEJRR-VEXWV-WEB3V-RRQOZ-MRBI5"></script>
</head>
<body onload="init()">
  <div id="map_canvas"></div>
  <div class="myMenu"><ul><li class="applymark">申请标志</li></ul></div>
</body>
<script src="/static/js/map.js"></script>
<script src="http://apis.map.qq.com/ws/location/v1/ip?key=767BZ-GEJRR-VEXWV-WEB3V-RRQOZ-MRBI5&output=jsonp&callback=setip"></script>
</html>
